@charset "utf-8";
@import "common";
html,body,div,a,ul,li,dl,dd,dt,figure,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:"微软雅黑";}
a,u{text-decoration:none;}
ul,li{list-style:none;}
i,em{font-style:normal;}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:100;}
img{display:block;border:0;}
html,body{height:100%}
.main-con{
    width:1191px;
    margin:0 auto;
}
/*搜索公共样式*/
.search_txt{
    float:left;
    padding-left:5px;
    height:31px;
    width:807px;
    border:0;
    outline: none;
    font-size:$fontclassone;
    
}
.search_btn{
    float:left;
    background:$bodycolor;
    width:90px;
    height:34px;
    border:0;
    color:#fff;
    font-size:16px;
    
}
/*顶部悬浮搜索框*/
#search{
    background:#982246;
    position:absolute;
    top:0;
    z-index:3;
    width:100%;
    .search{
        height:47px;
        padding-top:5px;
        img{
            float:left;
            margin:0 75px 0 18px;
        }
        form{
            float:left;
            padding-top:5px;
        }
    }
}
/*top欢迎区*/
#top{
    background:#fafafa;
    border:solid #dfdfdf;
    border-width:1px 0;
    .top{
        height:23px;
        padding-top:13px;
        font-size:$fontclassone;
        color:#8c8c8c;
        a{
            font-size:$fontclassone;
            height:14px;
            color:#8c8c8c;
            padding:0 12px;
            border-right:1px solid #dfdfdf;
            &:hover{
                color:$bodycolor;
            }
        }
        .top_left{
            float:left;
            span{
                float:left;
                margin-right:22px;
            }
            .top_lef_reg{
                border-right:0;
            }
        }
        .top_right{
            float:right;
            a{
                float:left;
            }
            .top_rig_ser{
                float:left;
                height:23px;
                width:85px;
                position:relative;
                .top_rig_ser_ul{
                    position:absolute;
                    height:23px;
                    top:-13px;
                    padding-top:13px;
                    overflow:hidden;
                    li{
                        height:30px;
                        line-height:18px;
                        a{
                            border-right:0;
                        }
                    }
                    .top_rig_ser_a{
                        background:url(../img/index/indextop_right.jpg) no-repeat 69px center;
                        border-right:0;
                        padding-right:19px;
                       
                    }
                }
            }
        }
    }
}
/*logo区 搜索*/
#logo{
    .logo{
        height:96px;
        padding-top:48px;
        h1{
            float:left;
            margin-right:49px;
        }
        form{
            float:left;
            .logo_ser{
                border:3px solid #c42c33;
                @include clearfix();
                .search_txt{
                    height:33px;
                    width:497px;
                    outline: none;
                }
                .search_btn{
                    width:97px;
                    height:35px;
                }
            }
            .list{
                a{
                    font-size:$fontclassone;
                    color:#8c8c8c;
                    &:hover{
                        color:$bodycolor;
                    }
                }
            }
        }
        .shop_cart{
            float:right;
            width:120px;
            height:38px;
            border:1px solid #d8d8d8;
            line-height:38px;
            text-align:center;
            font-size:$fontclassone;
            background:#f9f9f9;
            i{
                font-size:($fontclassone+1)!important;
                color:$bodycolor;
            }
            b{
                color:$color;
            }
        }
    }
}

/*nav*/
$navlineheight:39px;
#nav{
    height:$navlineheight;
    border-bottom:2px solid $bodycolor;
    .nav{
        li{
            float:left;
            line-height:$navlineheight;
            a{
                font-size:16px;
                color:#303030;
                padding:0 30px;
                &:hover{
                    color:$bodycolor;
                }
            }
        }
        .all_class{
            width:215px;
            height:$navlineheight+2;
            background:$bodycolor;
            position:relative;
            i{
                font-size:16px!important;
                color:#fff;
            }
            a{
                padding:0 54px;
                color:#fff;
                &:hover{
                    color:#fff;
                }
            }
            .all_two_class{
                display:none;
                height:$bannerheight;
                position:absolute;
                z-index: 2;
                top:$navlineheight+2;
                background:#2f2e2f;
                li{
                    position:relative;
                    margin-top:22px;
                    line-height:20px;
                    width:215px;
                    text-align:center;
                    a{
                        font-size:$fontclassone;
                        padding:0 12px;
                    }
                    i{
                        font-size:20px!important;
                    }
                    .all_three_class{
                        display:none;
                        padding:5px;
                        position:absolute;
                        top:0;
                        left:215px;
                        background:$bodycolor;
                        width:180px;
                        li{
                            width:59px;
                            margin:5px 0;
                            a{
                                padding:0 5px;
                                &:hover{
                                    color:#333;
                                }
                            }
                        }
                    }
                }
            }
        }
        .index{
            padding-left:29px;
            a{
                color:$bodycolor;
            }
        }
    }
}
/*商品展示区公共样式goods*/
.goods{
    a{
        display:block;
    }
    .goods_con{
        margin:0 9px 15px 0;
        float:left;
        height:382px;
        width:286px;
        border:1px solid #eaeaea;
        dt{
            img{
                width:286px;
                height:286px;
            }
        }
        dd{
            height:96px;
            background:#f5f5f5;
            padding-left:10px;
            p{
                height:24px;
                line-height:24px;
                font-size: 14px;
                color:#434343;
                margin-bottom:38px;
                cursor: pointer;
                &:hover{
                    color:$bodycolor;
                }
            }
            span{
                font-size:18px;
                color:$bodycolor;
            }
        }
    }
}
/*advantage*/
.advantage{
    height:44px;
    border:1px solid #e5d5d6;
    background:#f7f7f7;
    margin-bottom:4px;
    padding:14px 0 0 28px;
    width:1163px;
    ul{
        li{
            float:left;
            margin-right:76px;
            h4{
                float:left;
                font-size:$fontclassfour;
                line-height:$fontclassfour;
                color:$bodycolor;
                font-weight:900;
            }
            div{
                float:left;
                p{
                    font-size:$fontclassone;
                    color:#6b6b6b;
                }
            }
        }
    }
}
/*yqLink*/
.yqLink{
    border-top:1px solid #d7d7d7;
    height:197px;
    padding:46px 0 0 49px;
    width:1142px;
    .yqLink_ul{
        float:left;
        margin-right:111px;
        .yq_first_li{
            margin-bottom:19px;
            line-height:1em;
            span{
                font-size:$fontclassone+2;
                color:$color;
            }
        }
        li{
            margin-bottom:11px;
            line-height:1em;
            a{
                font-size:$fontclassone;
                color:$color;
            }
        }
    }
    .yqLink_dl{
        float:right;
        margin-right:195px;
        dt{
            font-size:$fontclassone;
            line-height:1em;
            color:#333;
            margin-bottom:14px;
        }
        dd{
            img{
                width:110px;
                height:110px;
            }
        }
    }
}
/*about*/
#about{
    border-bottom: 4px solid $bodycolor;
    height:23px;
    .about{
        width:251px;
        margin:0 auto;
        a{
            float:left;
            width:83px;
            height:14px;
            border-right:1px solid #a9a9a9;
            font-size:$fontclassone;
            color:$color;
            text-align:center;
        }
        .alast{
            border-right:0;
        }
    }
}
/*bottom*/
#bottom{
    height:76px;
    background:#f3f3f3;
    padding-top:11px;
    p{
        font-size:$fontclassone;
        color:#7e7e7e;
        line-height:24px;
        text-align: center;
    }
}
/*右边固定栏*/
#broadfix{
    position:fixed;
    top:0;
    right:0;
    z-index:100;
    height:100%;
    width:40px;
    background:#444851;
    u{
        display:block;
        height:1px;
    }
    .linetop{
        background:#2d2e32;
    }
    .linebot{
        background:#575a62;
    }
    .fixbox{
        cursor: pointer;
        padding:15px 0;
        text-align:center;
        div{
            padding:5px;
            i{
                font-size:22px!important;
                color:#fff;
                display:block;
            }
            span{
                font-size:$fontclassone;
                color:#fff;
                display:block;
                margin-top:8px;
            }
            &:hover{
                background:$bodycolor;
            }
        }
    }
    .fix_top{
        margin:170px 0 220px;
        b{
            display:block;
            height:22px;
            width:22px;
            border-radius:50%;
            background:$bodycolor;
            font-size:$fontclassone;
            color:#fff;
            text-align:center;
            line-height:22px;
            margin:0 auto;
            margin-top:18px;
        }
        .shopcar{
            padding:0 5px;
        }
        .account{
            position:relative;
            .account_login{
                display:none;
                position:absolute;
                width:289px;
                height:233px;
                background:#fafafa;
                top:-5px;
                left:-299px;
            }
        }
    }
    .fix_bottom{
        .fixbox{
            padding:5px 0;
        }
        .erweima{
            position: relative;
            img{
                position:absolute;
                z-index:5;
                left:-185px;
                top:-225px;
                display:none;
            }
            &:hover{
                img{
                    display:block;
                }
            }
        }
        .server{
            position: relative;
            .account_service{
                display:none;
                position:absolute;
                top:-59px;
                left:-255px;
                width:244px;
                height:88px;
                background:#fff;
                border:1px solid #ccc;
                p{
                    &:first-child{
                        height:30px;
                        line-height:30px;
                        text-align:center;
                        font-size:$fontclassone;
                        color:#777;
                    }
                    &:last-child{
                        a{
                            float:left;
                            width:122px;
                            height:58px;
                            text-align:center;
                            line-height:58px;
                            font-size:$fontclassone;
                            color:#777;
                            &:hover{
                                color:$bodycolor;
                                text-decoration:underline;
                            }
                        }
                    }
                }
            }
            &:hover{
                .account_service{
                    display:block;
                }
            }
        }
    }
}
/*留言咨询*/
#consult{
    position:absolute;
    top:223px;
    right:39px;
    z-index:100;
    .littleclick{
        width:44px;
        height:44px;
        border-radius:5px;
        border:1px solid #738388;
        background:url(../img/index/panel_open.png) no-repeat center;
        background-size:cover;
        cursor: pointer;
        &:hover{
            @include opacity(1.2);
        }
    }
    .consult_strech{
        display:none;
        width:152px;
        height:189px;
        border:1px solid #878888;
        background:#a5a6a6;
        padding:4px;
        padding-top:0;
        .consult_stre_top{
            @include clearfix();
            margin-bottom:2px;
            img{
                float:left;
            }
            .largeclick{
                float:right;
                cursor: pointer;
                &:hover{
                    @include opacity(0.8);
                }
            }
        }
        .consult_stre_con{
            height:165px;
            border:1px solid $color;
            background:#fff;
            .timefirst{
                height:22px;
                text-align:center;
                line-height:22px;
                font-size: $fontclassone;
                color:#1e8fbb;
                background:#e1e1e1;
            }
            .consult_stre_phone{
                padding-left:7px;
                p{
                    margin-top:7px;
                    font-size:$fontclassone;
                    line-height:1em;
                    color:#9d5946;
                }
            }
            .consult_stre_service{
                padding-left:7px;
                p{
                    font-size:$fontclassone;
                    color:#aca9a8;
                    line-height:14px;
                    margin-top:10px;
                    cursor: pointer;
                    i{
                        font-size:14px!important;
                    }
                    b{
                        span{
                            color:#51b400;
                        }
                    }
                }
                .service_active{
                    color:#292929;
                    i{
                        color:#242e96;
                    }
                    b{
                        span{
                            color:#ff6600;
                        }
                    }
                }
            }
        }
    }
}
